<template>
  <div class="my">
    <van-nav-bar
      title="我的"
    >
    </van-nav-bar>
    <div class="rowBox">
      <div class="row">
        <div class="list" @click="$router.push({path:'/userInfo'})">
          <img src="" alt="">
          <div>
            <div>{{user.name}}</div>
            <div>{{user.phone}}</div>
          </div>
        </div>
        <div><van-icon name="arrow"  size="20px"/></div>
      </div>
    </div>
    <div class="rowBox">
      <div class="row">
        <div class="list">
          <img src="" alt="">
          <div>
            <div>我的二维码</div>
          </div>
        </div>
        <div><van-icon name="arrow"  size="20px"/></div>
      </div>
    </div>
  
    <div class="rowBox">
      <div class="row">
        <div class="list">
          <img src="" alt="">
          <div>
            <div>我的收藏</div>
          </div>
        </div>
        <div><van-icon name="arrow"  size="20px"/></div>
      </div>
      <div class="row">
        <div class="list">
          <img src="" alt="">
          <div>
            <div>我的动态</div>
          </div>
        </div>
        <div><van-icon name="arrow"  size="20px"/></div>
      </div>
    </div>

    <div class="rowBox">
      <div class="row" @click="$router.push({path:'/wallet'})">
        <div class="list">
          <img src="" alt="">
          <div>
            <div>我的钱包</div>
          </div>
        </div>
        <div><van-icon name="arrow"  size="20px"/></div>
      </div>
    </div>

    <div class="rowBox">
      <div class="row" @click="$router.push({path:'/set'})">
        <div class="list">
          <img src="" alt="">
          <div>
            <div>设置</div>
          </div>
        </div>
        <div><van-icon name="arrow"  size="20px"/></div>
      </div>
    </div>
    
    
    
  </div>
</template>

<script>
  export default {
    data() {
      return {
        user:{
          name:'你是谁',
          phone:'189333399999'
        }
      }
    },
    created(){
     
    }
  }
</script>

<style scoped lang='less'>
  .my{
    background-color: #e6e6e6;
    min-height: 100vh;
    .van-nav-bar{
      background-color: #5cadff;
      .van-nav-bar__title{
         color: white;
      }
    }
    .rowBox{
      margin-bottom: 10px;
      .row{
        background-color: white;
        padding: 10px;
        border-bottom: 1px solid #eeeeee; 
        display: flex;
        justify-content: space-between;
        align-items: center;
        .list{
          display: flex;
          align-items: center;
        }
      }
    }
    
  }
</style>